    {include file="public/header"}
    <title>详情</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper4.min.css"/>
    <style>
        body{
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            background-color:#F5F5F6;
        }
        /*头部*/
        .top{
            height: 60px;
            width: 100%;
            background:rgba(22,26,39,1);
        }
        .top_box{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            align-items: center;

        }
        .top_name_left{
            width:38px;
            height:38px;
            background:rgba(52,99,230,1);
            border-radius:10px;
            margin-right: 10px;
        }
        .top_name{
            height:60px;
            font-size:24px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(255,255,255,1);
            line-height:60px;
        }
        .top_name_r{
            width:76px;
            height:30px;
            border-radius:15px;
            border:1px solid rgba(255,255,255,1);
            margin-left:26px;
            align-items: center;
            justify-content: center;
            display: flex;
        }
        .top_name_r img{
            height: 16px;
            width: 16px;
        }
        .top_name_r span{
            height:22px;
            line-height: 22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            margin-left: 3px;
        }
        .lii{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:#84868D;
            line-height:22px;
            margin-right: 24px;
        }
        .white{
            color: #fff;
        }
        .top_login{
            margin-left: 36px;
            display: flex;
            align-items: center;
        }
        .top_login img{
            width: 28px;
            height: 28px;
        }
        .top_login span{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height:22px;
            margin-left: 8px;
        }
        .top_marginR{
            margin-right: 16px;
        }
        /*头部*/

        /*footer2样式*/
        .footer2{
            width:100%;
            height:168px;
            background:rgba(255,255,255,1);
            box-shadow:0px -8px 20px 0px rgba(0,0,0,0.04);
        }
        .footerint{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            position: relative;
        }
        .footer_word{
            padding-top: 20px;
            padding-left: 268px;
        }
        .footer_word span{
            width:420px;
            height:68px;
            font-size:22px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(51,51,51,1);
            line-height:34px;
            margin-bottom: 25px;
        }
        .footer_js{
            height:21px;
            font-size:15px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(153,153,153,1);
            line-height:21px;
            margin-right: 25px;
        }
        .footer_ma{
            width: 120px;
            height: 120px;
            padding-top: 25px;
            padding-right: 75px;
        }
        .footer_ma img{
            width: 100%;
            height: 100%;
        }
        .footer_phone{
            width: 145px;
            height: 200px;
            position: absolute;
            bottom: 0;
            left: 94px;
            box-shadow:0px 18px 20px 0px rgba(0,0,0,0.08);
        }
        .footer_phone img{
            width: 100%;
            height: 100%;
        }
        .footer_del{
            width: 16px;
            height: 16px;
            position: absolute;
            top: 17px;
            right: 3px;
        }
        .footer_del img{
            width: 100%;
            height: 100%;
        }
        /*footer2样式*/
        /*footer1样式*/
        .footer{
            width:100%;
            height:130px;
            background:rgba(31,31,31,1);
            display: flex;
            align-items: center;
        }
        .footer_in{
            width: 1210px;
            margin: 0 auto;
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(153,153,153,1);
            line-height:18px;
        }
        /*footer1样式*/
        /*导航*/
        .content{
            width: 1200px;
            margin: 0 auto;
        }
        .navigation{
            width: 1200px;
            margin: 0 auto;
            height: 56px;
            font-size:12px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(153,153,153,1);
            display: flex;
            align-items: center;
        }
        .navigation img{
            height: 14px;
            width: 14px;
        }
        /*导航*/
        /*swiper*/

        /*swiper*/
        /*内容*/
        .outer{
            width: 1110px;
            /*min-height:840px;*/
            padding: 40px 50px 0 40px;
            background-color: #fff;
            margin: 0 auto;
        }
        .swiper_introduction{
            width: 600px;
            margin-left: 60px;
        }
        .swiper_introduction_title{
            width: 100%;
            height: 40px;
            padding-bottom: 20px;
            border-bottom: 1px solid  #EDEDED;
            font-size:28px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(51,51,51,1);
        }
        .swiper_introduction_title_num{
            font-size:42px;
            font-family:Helvetica-Bold;
            font-weight:bold;
            color:rgba(231,99,76,1);
            margin-right: 24px;
        }
        .swiper_introduction_title_num span{
            font-size:16px;
        }
        .swiper_introduction_title_num2{
            font-size:16px;
            font-family:Helvetica-Bold;
            color:rgba(51,51,51,1);
        }
        .swiper_introduction_title_num2 span{
            font-weight:bold;
        }
        .swiper_introduction_title_coll{
            width: 100px;
            height:38px;
            background:rgba(52,99,230,1);
            border-radius:4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .swiper_introduction_title_coll img{
            height: 18px;
            width: 18px;
        }
        .swiper_introduction_title_coll span{

            font-size:14px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            margin-left: 3px;
        }
        .swiper_introduction_con{
            border-bottom: 1px solid #EDEDED;
            padding-top: 10px  ;
            font-size:14px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(51,51,51,1);
        }
        .swiper_introduction_con_font{
            font-size:15px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(51,51,51,1);
            margin: 10px 0;
        }
        .swiper_introduction_con p{
            margin-bottom: 20px;
            line-height: 24px;
        }
        .swiper_introduction_xin{
        }
        .swiper_introduction_ci {
            height:22px;
            margin-top:20px;
            display: flex;
            align-items:center;
        }
        .swiper_introduction_ci span{
            font-size:15px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(51,51,51,1);
        }
        .swiper_introduction_ci span span{
            font-family:PingFangSC-Medium;
            font-weight:500;
        }
        .swiper_introduction_ci img{
            height: 18px;
            width: 18px;
            margin-right: 7px;
        }
        /*内容*/
        /*swiper1*/

        .swiper{
            height: 332px;
            width: 479px;
        }
        .bgc{
            background-color: red;
            width: 100%;
            height: 269px;
        }
        .swiper-slide-img{
            width: 100%;
            height: 269px;
        }
        .swiper-slide-img1{
            width: 81px !important;
            height: 57px;
            margin-right: 5px !important;
        }
        #thumbs .swiper-slide{
            line-height:90px!important;
            opacity:0.4;
        }
        #thumbs .swiper-slide-thumb-active{
            opacity:1;
        }
        .swiper-containerr{
            width: 425px;
            margin-top: 0px;
        }
        .swiper-button-prev1{
            height: 57px;
            width: 21.6px;
            background:rgba(51,51,51,1);
            left: 0;
            top: 295px;
        }
        .swiper-button-prev1::after{
            content: ' ';
            height: 10px;
            width: 10px;
            position: absolute;
            left: calc(50% - 5px);
            top: calc(50% - 5px);
            background: url('__IMG__/back_left.png') no-repeat center center;
            background-size:10px 10px;
        }
        .swiper-button-next1{
            height: 57px;
            width: 21.6px;
            background:rgba(51,51,51,1);
            right: 0px;
            top: 295px;
        }
        .swiper-button-next1::after{
            content: ' ';
            height: 10px;
            width: 10px;
            position: absolute;
            left: calc(50% - 5px);
            top: calc(50% - 5px);
            background: url('__IMG__/back_right.png') no-repeat center center;
            background-size:10px 10px;
        }
        .swiper{
            position: relative;
        }
        /*swiper1*/
    </style>
</head>
<body>
<div class="content">
    <div class="navigation">
        <span>置家优选</span>
        <img src="__IMG__/jiantou_right.png" alt="">
        <span>我要装修</span>
        <img src="__IMG__/jiantou_right.png" alt="">
        <span>装修公司详情</span>
    </div>
</div>

<div class="outer flex-wrap">
    <div class="swiper">
        <div class="swiper-container"  id="gallery">
            <div class="swiper-wrapper">
                {volist name="imgData" id="vv"}
                <div class="swiper-slide"><img src="{$vv}" alt="" class="swiper-slide-img" style="object-fit: fill;"></div>
                {/volist}
            </div>
        </div>
        <div class="swiper-container swiper-containerr"  id="thumbs">
            <div class="swiper-wrapper">
                {volist name="imgData" id="vv1"}
                <div class="swiper-slide swiper-slide-img1"><img src="{$vv1}" alt="" class="swiper-slide-img1" style="object-fit: fill;"></div>
                {/volist}
            </div>

        </div>
        <div class="swiper-button-prev swiper-button-prev1" style="outline: none;"></div><!--左箭头-->
        <div class="swiper-button-next swiper-button-next1" style="outline: none;"></div><!--右箭头-->
    </div>
    <div class="swiper_introduction">
        <div class="swiper_introduction_title flex-wrap">
            {$data['name']}
        </div>
        <div class="swiper_introduction_con">
            <div class="swiper_introduction_con_font">
                商家介绍
            </div>
            <p>{$data['content']}</p>
        </div>
        <div class="swiper_introduction_xin">
            <div class="swiper_introduction_ci">
                <img src="__IMG__/phone1.png" alt="">
                <span><span>商家电话：</span>{$data['phone']}</span>
            </div>
            <div class="swiper_introduction_ci">
                <img src="__IMG__/ion3.png" alt="">
                <span><span>地址：</span>{$data['address']}</span>
            </div>
        </div>

    </div>

</div>
<div style="clear: both;width: 1200px;height: 40px;background-color: #FFF;margin: 0 auto;"></div>
<!---->
{include file="public/wechat"}
<style>
    .house_det_title{
        /*margin-bottom: 20px;*/
        border-top: 1px solid #EDEDED;
        font-size:23px;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:32px;
    }
    .person{
        padding-top:30px;
        padding-bottom:30px;
        border-bottom:1px solid #EDEDED;
    }
    .avatar{
        width:133px;
        height:160px;
        border-radius:4px;
        margin-right:35px;
        cursor: pointer;
    }
    .name1{
        font-size:20px;
        font-weight:500;
        color:rgba(51,51,51,1);
    }
    .kefu{
        width:34px;
        height:32px;
        margin-left:21px;
    }
    .addr{
        font-size:14px;
        font-weight:400;
        color:rgba(153,153,153,1);
        margin-top:15px;
    }
    .phone{
        font-size:26px;
        font-weight:bold;
        color:rgba(106,182,144,1);
        margin-bottom:7px;
    }
    .phone1{
        font-size:14px;
        font-weight:400;
        color:rgba(153,153,153,1);
    }
</style>
<div class="house_det_title outer">
    设计师团队
</div>
<div>
    {volist name='designs' id='u'}
    <div class="flex-wrap outer person">
        <img src="{$u.user_image}" class="avatar" onclick="location.href='{:url('home/Renovation/design_detail')}?uid={$u['user_id']}'">
        <div class="flex-con">
            <div style="float: right;width:205px;height: 170px;margin-top: 0;text-align: center;">
                <img src="{$u.user_ercode}" width="100" height="100" />
                <div style="line-height: 20px;height: 20px;font-size: 16px;text-align: center;width: 200px;">微信扫码打电话</div>
                <div style="line-height: 30px;height: 30px;font-size: 14px;text-align: center;width: 200px;color:gray;">扫码失败可拨打</div>
                <div style="line-height: 20px;height: 20px;font-size: 18px;text-align: center;width: 200px;color: orange;">{$jjrPhone}</div>
            </div>
            <div class="name1 flex-wrap">
                <div onclick="location.href='{:url('home/Renovation/design_detail')}?uid={$u['user_id']}'" style="cursor: pointer">{$u.user_username}</div>
                <img src="__IMG__/kefu.png" class="kefu" onclick="gettalk({$u.user_id});">
            </div>
            <div class="addr">{$u.user_shop}</div>
        </div>
    </div>
    {/volist}
</div>
<div style="clear: both;width: 100%;height: 20px;"></div>
<!---->
{include file="public/foot1"}
</body>
    <script src="/static/admin/js/jquery.min.js"></script>
<script src="__JS__/swiper4.min.js"></script>
<script>
    var thumbsSwiper = new Swiper('#thumbs',{
        spaceBetween: 10,
        slidesPerView: 5,
        watchSlidesVisibility: true,

    })
    var gallerySwiper = new Swiper('#gallery',{
        spaceBetween: 10,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        thumbs: {
            swiper: thumbsSwiper,
        }
    })
</script>

<script type="text/javascript">

</script>
</html>
